<template>
  <div>
    <div style="background-color: #665537">
      <div class="lun">
        <h1>演职人员</h1>
        <h2>全部&nbsp;&nbsp;></h2>
        <br />
        <br />
      </div>
      <div class="one-zu">
        <div class="one-tup" v-for="v in arr" :key="v.id" @click="fun(v)">
          <img :src="v.aimg" alt="" />
          <h1>{{v.aname}}</h1>
          <!-- <p>导演</p> -->
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import getdata from "@/api/getdata";
export default {
  data() {
    return {
      arr:[],
    };
  },

mounted() {
    getdata("/apidl/addr/selectActors",{id:this.$route.query.sd?this.$route.query.sd:this.$route.query.dd}).then((res) => {
      this.arr = res.data;
    });
  },
  methods: {
    fun(v) {
      this.$router.push({ path: "/briefing" ,query:{sd:JSON.stringify(v)}});
    },
  },
};
</script>
<style scoped>
.lun {
  color: aliceblue;
  padding-top: 0.3rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.lun h1 {
  font-size: 0.35rem;
  float: left;
}
.lun h2 {
  float: right;
  color: darkgrey;
}
.one-zu {
  overflow-x: auto;
  margin-top: 0.2rem;
  display: flex;
}
.one-zu img {
  width: 1.5rem;
  margin-left: 0.3rem;
}
.one-tup {
  text-align: center;
}
.one-tup h1 {
  color: white;
}
.one-tup p {
  padding-left: 0.2rem;
  color: gray;
  font-size: 0.25rem;
}
</style>